.section{position: relative;overflow: hidden;/* max-width: 1920px; *//* margin: auto; */}
.section .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: matrix(1.1, 0, 0, 1.1, 0, 0);transition:transform 5s ease 0s, opacity 2s ease 0s;background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -1;}
.section.active .bg{transform: none;}
[class^="section in_"] .fp-tableCell{padding-top: 90px;}
@media only screen and (max-width: 1024px){
.section{height: auto !important;display: block !important;}
[class^="section in_"]{padding: 5rem 0;}
.fp-tableCell{display: block !important;height: auto !important;padding: 0!important;}}
.in_title{position: relative;color: #333;}
.in_title h3{position: relative;font-size: 36px;padding-bottom: 20px;}
.in_title span{display: block;color: #282828;font-size: 26px;margin-top: -5px;padding-bottom: 15px;}
.in_title h3:after{content:" ";position: absolute;left: 0;bottom: 0;width: 70px;height: 3px;background: #3369de;}
.in_title p{font-size: 16px;line-height: 1.75;margin-top: 20px;}
.in_title dl{width: 75%;margin-top: 5vh;}
.in_title dd a{display: block;color: #fff;font-size: 18px;line-height: 2.8;text-align: center;margin-bottom: 2vh;border: 1px solid #fff;}
.in_title dd a:hover{color: #346adf;background: #fff;}
.in_title.white{color: #fff;}
.in_title.white:after{opacity: 0;}
.in_title.white span{color: #fff;opacity: .1;}
.in_title.white h3:after{background: #fff;}
@media only screen and (max-width: 1440px){
.in_title p{font-size: 15px;}
.in_title dd a{font-size: 16px;}}
@media only screen and (max-width: 1024px){
.in_title h3{font-size: 26px;padding-bottom: 15px;}
.in_title span{font-size: 18px;margin-bottom: 10px;}
.in_title h3:after{width: 55px;}
.in_title p{color: #666;font-size: 14px;}
.in_title dl{width: 100%;display: flex;flex-wrap: wrap;margin-top: 2rem;}
.in_title dd{width: 32%;margin-right: 2%;}
.in_title dd a{color: #3369de;font-size: 14px;margin: 0;border-color: #3369de;}}
@media only screen and (max-width: 768px){
[class^="section in_"]{padding: 2rem 0;}
.in_title h3{font-size: 20px;padding-bottom: 13px;}
.in_title span{font-size: 14px;margin-bottom: 8px;}
.in_title h3:after{width: 40px;}}
@media only screen and (max-width: 480px){
.in_title{text-align: center;}
.in_title h3:after{left: 50%;transform: translateX(-50%);}
.in_title dl{margin: 1rem 0 -1%;justify-content: space-between;}
.in_title dd{width: 48%;margin: 2% 0;}
.in_title dd a{font-size: 12px;}}

[class^="section in_"] .swiper-pagination{position: relative;bottom: 0;width: 100%;margin-top: 1rem;}
[class^="section in_"] .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 50px;margin: 0 3px;opacity: .35;transition: all .5s;}
[class^="section in_"] .swiper-pagination-bullet-active{width: 30px;opacity:1;background: #3369de;}
[class^="section in_"] .swiper-pagination-progressbar{height: 5px;background: #e2e2e2;}
[class^="section in_"] .swiper-pagination-progressbar-fill{background: #14409c;}
@media screen and (max-width: 768px){
[class^="section in_"] .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 3px;}
[class^="section in_"] .swiper-pagination-bullet-active{width: 20px;}}

.banner{position: relative;}
.banner .swiper-slide{position: relative;pointer-events: auto;overflow: hidden;}
.banner .swiper-slide .slide-inner{position: relative;width: 100%;height: auto;}
.banner .swiper-slide .slide-inner.video:after{content: " ";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(180deg, rgba(0,0,0,.8) 0%, transparent 100%);}
.banner .swiper-slide .bannerPic{display: block;width: 100%;height: 100vh;object-fit: cover;/* transition: all 1s ease 2.5s; */}
.banner .swiper-slide .video img{display: none;}
.banner .swiper-pagination{bottom: 3%;}
.banner .swiper-pagination-bullet{position: relative;width: 22px;height: 22px;margin: 0 5px !important;border: 1px solid transparent;background: none;outline: none;opacity:0.5;transition: all .5s;}
.banner .swiper-pagination-bullet:after{content: "";position: absolute;top: 50%;left: 50%;width:10px;height:10px;border-radius: 50%;background: #fff;transform: translate(-50%,-50%);transition: all .5s;}
.banner .swiper-pagination-bullet-active{opacity:1;border-color: #fff;}
.banner .mask{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index:2;}
.banner .mask_in{position: absolute;left: 0;top: 50%;width:100%;padding: 0 8%;color: #fff;transform: translateY(-50%);text-shadow: 0 5px 10px rgba(0,0,0,.8);transition: all .5s;}
.banner .mask_in h3{font-size: 33px;font-weight: 100;line-height: 2.1;letter-spacing: 2.5px;}
.banner .mask_in span{display: block;font-size: 55px;font-weight: 700;line-height: 1.9;letter-spacing: 3px;}
.banner .mask_in p{max-width: 590px;font-size: 23px;line-height: 1.75;text-align: justify;margin-top: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.banner .mask_in .more{margin-top: 50px;}
.banner .mask_in .more a{position: relative;display: inline-block;color: #fff;font-size: 20px;line-height: 2.4;padding: 0 42px;border-radius: 5px;background: #3369de;text-shadow: none;}
.banner .mask_in .more a:before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height: 100%;background-color: #000;border-radius: 5px;opacity: 0;transition:all .5s ease;}
.banner .mask_in .more a em{position: relative;}
.banner .mask_in .more a:hover{animation: pulse 1s infinite;}
.banner .mask_in .more a:hover:before{width:100%;opacity: .3;}
@media only screen and (max-width: 1024px){
.banner .swiper-slide .bannerPic{height: auto;transform: none;}
.banner .swiper-slide video.bannerPic{display: none;}
.banner .swiper-slide .video img{display: block;}
.banner .mask_in h3{font-size: 23px;}
.banner .mask_in span{font-size: 40px;}
.banner .mask_in p{font-size: 20px;margin-top: 10px;}
.banner .mask_in .more{margin-top: 30px;}
.banner .mask_in .more a{ck;font-size: 16px;padding: 0 30px;}}
@media only screen and (max-width: 768px){
.banner .mask_in{padding: 0 2%;text-align: center;text-shadow: 0 3px 5px rgba(0, 0, 0, .8);}
.banner .mask_in h3{font-size: 15px;}
.banner .mask_in span{font-size: 18px;}
.banner .mask_in p{max-width: 100%;font-size: 12px;margin-top: 0;-webkit-line-clamp: 2;}
.banner .mask_in .more{margin-top: 10px;}
.banner .mask_in .more a{font-size: 14px;line-height: 2;padding: 0 15px;border-radius: 3px;}
.banner .swiper-pagination{bottom: 5%;}
.banner .swiper .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 5px!important;border: 0;background-color: #fff;}
.banner .swiper-pagination-bullet:after{opacity: 0;}}
@keyframes fadeinup{0%{opacity: 0;transform: translateY(120px);}100%{opacity: 1;transform: translateY(0)}}
@keyframes fadeindown{0%{opacity: 1;transform: translateY(0);}100%{opacity: 0;transform: translateY(120px)}}

.in_about .bg{background-image: url(../images/about_bg.jpg);}
.in_about .box{width: 55%;}
.in_about .txt{margin-top: 2rem;}
.in_about .txt p{color: #444;font-size: 17px;line-height: 2;text-align: justify;}
.in_about .flex{display: flex;flex-direction: row-reverse;justify-content: space-between;margin-top: 4rem;}
.in_about .more h3{color: #3d3d3d;font-size: 30px;line-height: 1.5;}
.in_about .more a{display: flex;color: #fff;font-size: 18px;line-height: 4;padding: 0 1.5rem;background: #3369de;border: 2px solid #3369de;justify-content: space-between;align-items: center;margin-top: 2rem;}
.in_about .more i{font-size: inherit;transform: scale(1.8);transform-origin: right;}
.in_about .more a:hover{color: #3369de;background: none;}
.in_about ul{width: 50%;display: flex;flex-wrap: wrap;align-content: space-between;}
.in_about ul li{width: 50%;color: #464646;font-size: 18px;line-height: 1;}
.in_about ul li:last-child{margin-right: 0;}
.in_about ul li font{font-family: Arial;color: #3369de;font-size: 38px;font-weight: bold;}
.in_about ul li sub{font-size: inherit;font-weight: normal;bottom: .05rem;margin-left: 5px;}
.in_about ul li h3{margin-top: 1rem;}
@media screen and (max-width: 1440px){
.in_about .flex{margin-top: 3rem;}
.in_about .txt p{font-size: 16px;}
.in_about .more h3{font-size: 28px;}
.in_about .more a{font-size: 16px;}}
@media screen and (max-width: 1024px){
.in_about .box{width: 58%;}
.in_about .flex{margin-top: 2rem;}
.in_about .txt{margin-top: 1.5rem;}
.in_about .txt p{font-size: 15px;}
.in_about ul li{font-size: 16px;}
.in_about ul li font{font-size: 34px;}
.in_about ul li h3{margin-top: .5rem;}
.in_about .more h3{font-size: 22px;}
.in_about .more a{font-size: 14px;padding: 0 1rem;margin-top: 1.5rem;}}
@media screen and (max-width: 768px){
.in_about{border-bottom: 5px solid #e2e2e2;}
.in_about .bg{background-size: 185% 100%;background-position: 0 0;}
.in_about .box{width: 100%;}
.in_about .txt{margin-top: 1rem;}}
@media screen and (max-width: 480px){
.in_about .flex{display: block;margin-top: 0;}
.in_about ul{width: 100%;justify-content: space-around;margin: 1.5rem 0;}
.in_about ul li{width: auto;font-size: 14px;text-align: center;}
.in_about ul li font{font-size: 26px;}
.in_about .more h3{font-size: 20px;text-align: center;}
.in_about .more a{font-size: 14px;line-height: 3;margin-top: 1rem;}}

.in_pro .bg{background-image: url(../images/pro_bg.jpg);}
.in_pro .in_title{text-align: center;}
.in_pro .in_title h3:after{left: 50%;transform: translateX(-50%);}
.in_pro .box{position: relative;margin-top: 3rem;}
.in_pro .swiper li{position: relative;width: calc( 100% / 4);}
.in_pro .swiper li .img{position: relative;width: 100%;padding-top: 130%;border: 8px solid #fff;box-shadow: 0 1px 4px rgb(0 0 0 / 10%);overflow: hidden;}
.in_pro .swiper li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.in_pro .swiper li .txt{line-height: 1.5;padding: 1rem;}
.in_pro .swiper li .txt h3{font-size: 18px;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.in_pro .swiper li:hover .img img{transform: scale(1.1);}
.in_pro .swiper-button-prev,.in_pro .swiper-button-next{top: 50%;left: -60px;color: #fff;font-size: 18px;width: 38px;height: 38px;margin: 0;transform: translateY(-50%);border-radius: 50%;background: rgba(0,0,0,.4);transition: all .5s;}
.in_pro .swiper-button-next{left: auto;right: -60px;}
.in_pro .swiper-button-prev:after, .in_pro .swiper-button-next:after{font-size: inherit;}
.in_pro .swiper-button-prev:hover,.in_pro .swiper-button-next:hover{opacity: 1;}
.in_pro .swiper-pagination{display: none;}
@media only screen and (max-width: 1024px){
.in_pro .box{margin-top: 2rem;}
.in_pro .swiper li .txt h3{font-size: 16px;}
.in_pro .swiper-pagination{display: block;}}
@media only screen and (max-width: 768px){
.in_pro .box{margin-top: 1.5rem;}
.in_pro .swiper-button-prev,.in_pro .swiper-button-next{width: 26px;height: 26px;margin: 0 5px;}
.in_pro .swiper-button-prev:after, .in_pro .swiper-button-next:after{font-size: 12px;}}
@media only screen and (max-width: 480px){
.in_pro .swiper li .img{border-width: 5px;}
.in_pro .swiper li .txt{padding: .5rem 0;}
.in_pro .swiper li .txt h3{font-size: 13px;}}

.in_industry .bg{background-image: url(../images/industry_bg.jpg);}
.in_industry svg{position: absolute; width: 0; height: 0; }
.in_industry .list{position: absolute;top: 0;width: 100%;height: 100%;display: flex;overflow: hidden;flex-wrap: wrap;}
.in_industry .list .item{position: relative;display: flex;flex-direction: column;align-items: flex-start;width: 16.666%;height: auto;padding: 21vh 3%;color: #323232;transition: all .5s;cursor: pointer;-webkit-clip-path: url(#caselist-moving-box-clip);clip-path: url(#caselist-moving-box-clip);justify-content: space-between;}
.in_industry .list .item .icobox{position: relative;}
.in_industry .list .item .icobox:after{content:"";position: absolute;top: 50%;left: 50%;width: 120%;height: 120%;border-radius: 50%;background: #bfd3ff;transform: translate(-50%,-50%);opacity: .43;}
.in_industry .list .item .icobox i{position: relative;display: block;width: 50px;color: #919191;font-size: 50px;text-shadow: none!important;z-index: 1;transition: all .5s;}
.in_industry .list .item h3{font-size: 22px;margin: 4vh 0;}
.in_industry .list .item p{font-size: 16px;line-height: 1.75;text-align: justify;margin-bottom: auto;opacity: .67;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.in_industry .list .item span{width:100%;font-size: 43px;margin-bottom: 3vh;}
.in_industry .list .item span em{position: relative;top: -13%;display: inline-block;transform: scale(.4);transform-origin: left bottom;opacity: .5;}
.in_industry .list .item .btn{display: flex;width: 100%;color: #fff;font-size: 16px;line-height: 2.75;border: 2px solid #366bdf;background: #366bdf;padding: 0 1vw;text-shadow: none !important;justify-content: space-between;}
.in_industry .list .item .btn i{font-size: inherit;}
.in_industry .list .item .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;z-index: -1;opacity: 0;transform: scale(1.1);transition: all 1s ease-in-out;}
.in_industry .list .item .img img{width: 100%;height: 100%;object-fit: cover;opacity: .6;}
.in_industry .list .item:hover,
.in_industry .list .item:hover .icobox i{color: #fff;text-shadow: 0 0 5px rgba(0, 0, 0, .8);}
.in_industry .list .item .btn:hover{border-color: #fff;background: none;}
.in_industry .list .item:hover .img{opacity: 1;transform: scale(1);}
.in_industry.active .list .item:nth-child(1){animation: fadeInDown 1s;}
.in_industry.active .list .item:nth-child(2){animation: fadeInDown 1.2s;}
.in_industry.active .list .item:nth-child(3){animation: fadeInDown 1.4s;}
.in_industry.active .list .item:nth-child(4){animation: fadeInDown 1.6s;}
.in_industry.active .list .item:nth-child(5){animation: fadeInDown 1.8s;}
.in_industry.active .list .item:nth-child(6){animation: fadeInDown 2s;}
.in_industry .swiper-pagination{position: absolute;top: auto;margin: 0;}
@media only screen and (max-width: 1440px){
.in_industry .list .item h3{font-size: 20px;}
.in_industry .list .item p{font-size: 15px;}
.in_industry .list .item span{font-size: 38px;}
.in_industry .list .item .btn{font-size: 15px;}}
@media only screen and (max-width: 1024px){
.in_industry{padding: 0;}
.in_industry .list{position: relative;}
.in_industry .list .item{padding: 5rem 3%;animation: none!important;}
.in_industry .list .item .icobox i{width: 46px;font-size: 46px;}
.in_industry .list .item h3{font-size: 18px;}
.in_industry .list .item p{font-size: 14px;}
.in_industry .list .item span{font-size: 34px;margin-top: 3vh;}
.in_industry .list .item .btn{font-size: 13px;}}
@media only screen and (max-width: 768px){
.in_industry .list .item{display: flex;width: 50%;color: #fff;padding: 10% 5%;text-shadow: 0 0 5px rgba(0, 0, 0, .8);clip-path: none;align-items: center;}
.in_industry .list .item .icobox i{color: #fff;width: 40px;font-size: 40px;}
.in_industry .list .item h3{font-size: 17px;}
.in_industry .list .item p{font-size: 13px;}
.in_industry .list .item span{font-size: 30px;text-align: center;display: none;}
.in_industry .list .item .btn{width: 100%;font-size: 12px;text-align: center;border-width: 1px;padding: 0 2vw;margin-top: 3vh;}
.in_industry .list .item .img{opacity: 1;transform: scale(1);}}

.in_case .bg{background-image: url(../images/case_bg.jpg);}
.in_case .tit{width: 38%;height: auto;overflow: hidden}
.in_case .tit p{color:#fff;font-size: 17px;line-height: 1.85;text-align: justify;margin-top: 4vh}
.in_case .list{width:100%;height: auto;}
.in_case .list .swiper{width: 55%;margin: 6vh 0 6vh;}
.in_case .pic .img{position: relative;width:100%;padding-bottom: 60%;border: 2px solid #fff;border-radius: 5px;overflow: hidden}
.in_case .pic .img img{position: absolute;top: 0;left: 0;width:100%;height: 100%;object-fit: cover;transition: all .5s;}
.in_case .pic .img h3{position: absolute;left: 0;right: 0;bottom: -50px;color: #fff;font-size: 16px;line-height: 2.5;text-align: center;padding: 0 1%;background: rgba(0,0,0,.5);backdrop-filter: blur(3px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s;}
.in_case .pic a:hover img{transform: scale(1.1);}
.in_case .pic a:hover h3{bottom: 0;}
.in_case .hot{position: absolute;top: 50%;right:0;width: 50%;height: auto;margin-top: -18%;}
.in_case .hot .img{padding-bottom: 68%;}
.in_case .btn{position: relative;width:100%;display: flex;justify-content: center;align-items: center;}
.in_case .swiper-button-prev,.in_case .swiper-button-next{position: revert;color: #3369de;font-size: 16px;font-weight: bold;width: 32px;height: 32px;margin: 0;border-radius: 50%;background: #fff;transition: all .5s;}
.in_case .swiper-button-prev:after, .in_case .swiper-button-next:after{font-size: inherit;}
.in_case .swiper-button-prev:hover,.in_case .swiper-button-next:hover{opacity: 1;}
.in_case .swiper-pagination{width: auto;margin: 0 2%;}
.in_case .swiper-pagination-bullet{background: #fff;opacity: 1;}
.in_case .swiper-pagination-bullet-active{width: 10px;background: #000;opacity: .3;}
@media only screen and (max-width: 1440px){
.in_case .tit p{font-size: 16px;}}
@media only screen and (max-width: 1024px){
.in_case .tit p{font-size: 15px;}
.in_case .pic .img h3{font-size: 14px;}}
@media only screen and (max-width: 768px){
.in_case .tit{width: 100%;}
.in_case .tit p{font-size: 14px;margin-top: 2rem;}
.in_case .hot{display: none;}
.in_case .list .swiper{width: 100%;margin: 3% 0 1rem;}}
@media only screen and (max-width: 480px){
.in_case .tit p{margin-top: 1rem;}
.in_case .hot{position: revert;width: 100%;margin-top: 1rem;display: block;}}

.in_news .bg{width: 25.73%;background-image: url(../images/news_bg.jpg);background-position: right center;transform: none;}
.in_news .box{display: flex;margin: 0 4%;}
.in_news .in_title{flex: none;width: 18.5%;}
.in_news .news_list{flex: 1;min-width: 0;margin-left: 8%;}
.in_news .news_list li{position: relative;width: calc( 100% / 3);}
.in_news .news_list li .img{position: relative;width: 100%;padding-top: 65%;margin: 1.5rem 0;overflow: hidden;}
.in_news .news_list li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.in_news .news_list li .info{position: relative;font-size: 16px;padding-bottom: 1.5rem;overflow: hidden;}
.in_news .news_list li .info:after{position: absolute;content: '';width: 0;height: 4px;background-color: #3369de;left: 0;bottom: 0;transition: all .8s ease;}
.in_news .news_list li .info h3{color: #333;font-size: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
.in_news .news_list li .info span{display: block;font-family: Arial;color: #999;}
.in_news .news_list li .info p{color: #666;line-height: 1.85;margin: 10px 0;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.in_news .news_list li .info em{display: flex;color: #3369de;margin-top: 10px;align-items: center;transition: all .8s ease;}
.in_news .news_list li .info em i{font-size: 12px;margin-left: 15px;}
.in_news .news_list li:hover .img img{transform: scale(1.1);}
.in_news .news_list li:hover .info:after{width: 100%;}
.in_news .news_list li:hover .info h3{color: #3369de;}
@media only screen and (max-width: 1440px){
.in_news .in_title{width: 20.5%;}
.in_news .news_list{margin-left: 6%;}
.in_news .news_list li .info{font-size: 15px;}
.in_news .news_list li .info h3{font-size: 18px;}}
@media only screen and (max-width: 1024px){
.in_news .bg{display: none;}
.in_news .box{display: block;}
.in_news .in_title{width: 100%;color: #333;}
.in_news .in_title h3:after{background: #3369de;}
.in_news .news_list{margin: 0;margin-top: 2rem;}
.in_news .news_list li .img{margin: 1rem 0;}
.in_news .news_list li .info h3{font-size: 16px;}
.in_news .news_list li .info span{font-size: 14px;}
.in_news .news_list li .info p{font-size: 14px;}}
@media only screen and (max-width: 768px){
.in_news .news_list{margin-top: 1rem;}
.in_news .news_list li .info h3{font-size: 15px;}
.in_news .news_list li .info p{font-size: 13px;margin: 5px 0 0;}}

.in_contact .bg1{width: calc(100% / 2 + 364px);background-image: url(../images/contact_bg1.jpg);transform: none;}
.in_contact .bg2{left: auto;right: 0;width: calc(100% / 2 - 368px);background-image: url(../images/contact_bg2.jpg);transform: none;}
.in_contact .blue{position: absolute;top: 0;left: 0;width: calc(100% / 2 - 700px);height: 100vh;background: #2b60d2;opacity: .96;}
.in_contact .blue .logo{position: absolute;top: 50%;right: 0;padding: 8px;border-radius: 50%;background: rgba(255,255,255,.5);transform: translate(50%,-50%);cursor: pointer;}
.in_contact .blue .logo img{display: block;width: 114px;height: 114px;border-radius: inherit;background: #fff;transition: all .5s;}
.in_contact .blue .logo:hover img{transform: rotate(360deg);}
.in_contact main .blue{position: relative;margin-top: -90px;width: 76%;height: 100vh;}
.in_contact .box{position: absolute;top: 50%;width: 65%;transform: translateY(-50%);}
.in_contact .center{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 3rem;}
.in_contact .tit{display: flex;justify-content: space-between;align-items: center;margin-bottom: 2rem;}
.in_contact .tit h3{color: #fff;font-size: 26px;}
.in_contact .left{position: relative;width: 46%;}
.in_contact .left .txt{margin-bottom: 30px;}
.in_contact .left .txt dl{display: flex;align-items: center;margin-bottom: 2rem;}
.in_contact .left .txt dt{flex: none;width: 50px;height: 50px;color: #fff;font-size: 26px;border-radius: 50%;background: rgba(255,255,255,.5);display: flex;justify-content: center;align-items: center;margin-right: 20px;}
.in_contact .left .txt dt i{font-size: inherit;}
.in_contact .left .txt dd{flex: 1;min-width: 0;color: #fff;font-size: 16px;line-height: 1.85;}
.in_contact .right{width: 46%;}
.in_contact .in_book{display: flex;flex-wrap: wrap;justify-content: space-between;}
.in_contact .in_book .layui-form-item{display: flex;width: 100%;font-size: 16px;margin-bottom: 20px;align-items: center;}
.in_contact .in_book .layui-input-block{margin: 0;width: 100%;min-height: auto;}
.in_contact .in_book .layui-form-checkbox>div{color: #fff;}
.in_contact .in_book .btn{display: flex;width: 100%;margin: 0;align-items: center;}
.in_contact .in_book .btn:after{display: none;}
.in_contact .in_book .layui-input,
.in_contact .in_book .layui-textarea{height: auto;color: #fff;font-size: 16px;line-height: 2.8;border-radius: 0;border: 0;padding: 0;border-bottom: 1px solid #fff;box-shadow: none;background: none;}
.in_contact .in_book .layui-textarea{height: auto;line-height: normal;min-height: 80px;resize: none;padding: 0;vertical-align: middle;}
.in_contact .in_book .layui-input:hover,
.in_contact .in_book .layui-textarea:hover,
.in_contact .in_book .layui-input:focus,
.in_contact .in_book .layui-textarea:focus {border-color: #fff!important;}
.in_contact .in_book .layui-input::-webkit-input-placeholder,
.in_contact .in_book .layui-textarea::-webkit-input-placeholder{color:#fff;} 
.in_contact .in_book .layui-btn{width: 40%;font-size: 16px;height: auto;line-height: 2.5;border: 0;border-radius: 0;background-color: #14409c;opacity: 1;}
.in_contact .in_book .layui-btn.reset{color: #333;background-color: #d9d9d9;margin-left: auto;}
.in_contact .in_book .layui-btn:hover{color: #002145;background-color: #fff;}
.in_contact .copyright{color: rgba(255,255,255,.7);font-size: 16px;line-height: 2;margin-top: 10px;}
.in_contact .copyright span{margin-right: 20px;}
.in_contact .copyright span:nth-child(3){float: right;margin: 0;}
.in_contact .copyright a{color: inherit;}
.in_contact .copyright a:hover{color: #ffc000;}
@media only screen and (max-width: 1490px){
.in_contact .bg1{width: calc(100% / 2 + 24.4%);}
.in_contact .bg2{width: calc(100% / 2 - 24.498% - 3px);}
.in_contact .blue{width: calc(100% / 2 - 47%);}}
@media only screen and (max-width: 1280px){
.in_contact .tit h3{font-size: 24px;}
.in_contact .left .txt dl{margin-bottom: 1rem;}
.in_contact .left .txt dt{width: 45px;height: 45px;font-size: 22px;margin-right: 15px;}
.in_contact .in_book .layui-form-item{margin-bottom: 15px;}
.in_contact .left .txt dd,
.in_contact .in_book .layui-input,
.in_contact .in_book .layui-textarea,
.in_contact .in_book .layui-btn,
.in_contact .copyright{font-size: 15px;}}
@media only screen and (max-width: 1024px){
.in_contact .bg1{width: 100%;}
.in_contact .bg2{display: none;}
.in_contact .center{margin-top: 2rem;}
.in_contact .blue{width: 100%;height: 100%;}
.in_contact main .blue{display: none;}
.in_contact .box{position: static;width: 100%;transform: none;}
.in_contact .tit{margin-bottom: 1.5rem;}
.in_contact .tit h3{font-size: 20px;}
.in_contact .in_book .layui-form-item{margin-bottom: 10px;}
.in_contact .left .txt dd,
.in_contact .in_book .layui-input,
.in_contact .in_book .layui-textarea,
.in_contact .in_book .layui-btn,
.in_contact .copyright{font-size: 14px;}
.in_contact .left .txt dt{width: 40px;height: 40px;font-size: 20px;margin-right: 10px;}}
@media only screen and (max-width: 768px){
.in_contact{padding-bottom: 1rem;}
.in_contact .tit{margin-bottom: 1rem;}
.in_contact .tit h3{font-size: 18px;}
.in_contact .left .txt{margin-bottom: 20px;}
.in_contact .left .txt dl{margin-bottom: 1rem;}
.in_contact .center{margin: 1rem 0;}
.in_contact .left,
.in_contact .right{width: 100%;}
.in_contact .in_book .layui-textarea{min-height: auto;}
.in_contact .copyright{display: flex;flex-direction: column;}
.in_contact .copyright br{display: none;}
.in_contact .copyright span,
.in_contact .copyright span:nth-child(2){width: 100%;margin: 0;text-align: center;}}
@media only screen and (max-width: 480px){
.in_contact .in_book .btn{flex-wrap: wrap;}
.in_contact .in_book .layui-btn{width: 100%;line-height: 3;margin-top: 1.5rem;}}
#fp-nav.left{left: 0;}
#fp-nav ul li a{opacity: .5;}
#fp-nav ul li a:hover,
#fp-nav ul li a.active{opacity: 1;}
#fp-nav ul li a span{background: #fff;transition: all .5s;}
#fp-nav.white ul li a span{background: #3369de;}
#fp-nav ul li .fp-tooltip{text-shadow: 0 0 2px rgba(0,0,0,.8);transition: all .5s!important;}
@media only screen and (max-width: 768px){#fp-nav{display: none;}}
@media only screen and (min-width: 1025px){
.active .lr_a1{transition: none;animation-duration: 1.5s;animation-delay: 0.5s;animation-fill-mode: both;animation-name: fadeInLeftBig;}
.active .rr_a1{transition: none;animation-duration: 1.5s;animation-delay: 0.5s;animation-fill-mode: both;animation-name: fadeInRightBig;}
.active .up_a1{transition: none;animation-duration: 1.5s;animation-fill-mode: both;animation-delay: 0.5s;animation-name: fadeInUp;}
.active .down_a1{transition: none;animation-duration: 1.5s;animation-delay: 0.5s;animation-fill-mode: both;animation-name: fadeInDown;}}